<template>
  <div class="layout">
    <Layout>
      <Header>
        <Menu mode="horizontal" theme="dark" active-name="1">
          <div class="layout-logo">酷音官网管理后台</div>
          <!-- <div class="layout-nav">
            <MenuItem name="1">
              <Icon type="ios-navigate"></Icon>Item 1
            </MenuItem>
            <MenuItem name="2">
              <Icon type="ios-keypad"></Icon>Item 2
            </MenuItem>
            <MenuItem name="3">
              <Icon type="ios-analytics"></Icon>Item 3
            </MenuItem>
            <MenuItem name="4">
              <Icon type="ios-paper"></Icon>Item 4
            </MenuItem>
          </div> -->
        </Menu>
      </Header>
      <Layout :style="{padding: '0 50px'}">
        <Content :style="{padding: '24px 0', margin: '20px 0 0', minHeight: '280px', background: '#fff'}">
          <Layout>
            <Sider hide-trigger :style="{background: '#fff'}">
              <Menu active-name="1-1" theme="light" width="auto" :open-names="['1']">
                <MenuItem name="1-1" to="/admin/banner">首页banner</MenuItem>
                <!-- <MenuItem name="1-1" to="/admin/ketang">首页酷音课堂</MenuItem>
                <MenuItem name="1-1" to="/admin/anli">首页特色案例</MenuItem> -->
                <MenuItem name="1-1" to="/admin/team">团队管理</MenuItem>
                <MenuItem name="1-1" to="/admin/feedback">服务反馈</MenuItem>
              </Menu>
            </Sider>
            <Content :style="{padding: '24px', minHeight: '280px', background: '#fff'}">
              <nuxt />
            </Content>
          </Layout>
        </Content>
      </Layout>
      <Footer class="layout-footer-center">&copy;kuyin</Footer>
    </Layout>
  </div>
</template>
<script>
export default {
  middleware: 'auth'
}
</script>
<style scoped>
html {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
.layout {
  border: 1px solid #d7dde4;
  background: #f5f7f9;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.layout-logo {
  height: 30px;
  border-radius: 3px;
  float: left;
  position: relative;
  top: 4px;
  color: #fff;
  font-size: 16px;
}
.layout-nav {
  width: 420px;
  margin: 0 auto;
  margin-right: 20px;
}
.layout-footer-center {
  text-align: center;
}
</style>
